<template>
  <div class="header">
    <header>
    	 <router-link to="./"><span class="span"><i></i>首页</span></router-link>
    	<span>向商家付钱</span>
    	<span><i></i></span>
    </header>
    <article>
    	<div class="art_code">
    		<div class="bar">
    			<img src="../../static/img/barcode.jpg">
    			<span>2885******查看数字</span>
    		</div>
    		<div class="art_code_img payfor_img">
    			<img src="../../static/img/pay_code.jpg">
    		</div>
    		<p class="balance">
    			<i></i>账户余额<i class="glyphicon glyphicon-chevron-right"></i>
    		</p>
    	</div>
    	<div class="other">
    		<p>如付款失败，将尝试其他付款方式</p>
    	</div>
    	<div class="art_otherway">
    		<p>
    			<i></i>
    			<span>付款码</span>
    		</p>
    		<p>
    			<i></i>
    			<span>扫码付</span>
    		</p>
    		<p>
    			<i></i>
    			<span>声波付</span>
    		</p>
    	</div>
    </article>
  </div>
</template>

<script>
export default {
   name:'header',
   data(){
     return{
        
     }
 },
  methods:{
   
 },
//  beforeCreate:function(){
//    alert("组件实例化之前执行的函数");
//  },
//  created:function(){
//    alert("组件实例化完毕，但页面还未显示");
//  },
//  beforeMount:function(){
//    alert("组件挂在前，页面仍未展示，但虚拟Dom已经配置");
//  },
//  mounted:function(){
//    alert("组件挂在后，此方法执行后，页面显示");
//  },
//  beforeUpdate:function(){
//    alert("组件更新前，页面仍未更新，但虚拟Dom已经配置");
//  },
//  updated:function(){
//    alert("组件更新，此方法执行后，页面显示");
//  },
//  beforeDestory:function(){
//    alert("组件销毁前");
//  },
//  destoryed:function(){
//    alert("组件销毁");
//  },
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
@import url("../../static/css/code.css");
</style>
